<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>优秀学生展示</title>
		<link rel="stylesheet" href="css/font-awesome.css">
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" href="css/css2.css">
		<style>
			.la
			{
				width: 300px;
				height: 58px;
				background-image: url(images/banner.png);
				background-size: 100% 100%;
				background-repeat: no-repeat;
				margin-top: 10px;
			}
			.nav
			{	
				height: 80px;
			     float: right;
			}
			.nav li{
				height: 80px;
			}
			.nav li a{
				font-size: 20px;
				padding: 0 30px!important;
				line-height: 80px;
			}
		</style>
	</head>
	<body>
		<nav class="navbar navbar-inverse navbar-fixed-top">
			<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<div class="la"></div>
			</div>
			<div id="navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li class="down">
						<span class="caret"></span></a></li>
					<li><a href="SpecialityShow.html" target="_blank">专业介绍</a></li>
					<li><a href="LearningRoute.html" target="_blank">学习路线</a></li>
					<!-- <li><a href="#">前后端区别</a></li> -->
					<!-- <li><a href="#">就业分析</a></li> -->
					<li><a href="StudentShow.html" target="_blank">优秀学生展示</a></li>
					<li><a href="Dateshow.html" target="_blank">数据展示</a></li>
					<li><a href="AboutWe.html" target="_blank">关于我们</a></li>
				</ul>
			</div>
			</div>
				
		</nav>
		<section id="about" class="page-section first-section">
			<h2>--学长实例</h2>
			<div class="container">
				<div class="row page-heading">
					<div class="col-md-8 col-sm-8">
						<h3 class="page-title">院系：软件工程学院</h3>
						<h4 class="page-subtitle">专业：软件技术</h4>
					</div>
					<div class="col-md-4 col-sm-4 hidden-xs page-icon-a">
						<p class="page-icon"><i class="glyphicon glyphicon-user"></i></p>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4 col-sm-6 col-xs-12">
						<div class="profile-image">
							<img src="images/9.jpg" alt="">
						</div>
					</div>
					<div class="col-md-4 col-sm-6 col-xs-12">
						<div class="profile-content">
							<h4>姓名：陈志颖</h4>
							<span>个人格言：君子藏器于身，待时而动。</span>
							<p>掌握技能：</p>
							<p> 程序设计语言：Java，C
								后端框架：struts2，hibernate，spring，spring mvc，mybatis
								数据库：mysql，sql server
								开发工具：Eclipse，MyEclipse，WebStorm ，Navicat for MySQL
								前端开发：html，css，javascript，jquery，layui，bootstrap
								操作系统：Windows、Linux
								版本控制工具：Git
								自动化构建工具：Maven
							</p>
							<p>项目经验：</p>
							<p>
								项目名称：先锋计算机协会官网
								项目描述：先锋计算机协会官网主要展现我们的文化活动，协会介绍，协会风采，交流合作、内务工作需求，业务、数据处理等功能。前端开发技术HTML+CSS+javaScript+JQuery+Bootstrap（layui），后端开发技术Spring+SpringMVC+MyBatis+MySQL
								项目流程：需求分析，原型设计，项目开发，功能测试，系统上线。
								项目开发具备的能力：1、团队精神和协作能力，2、书写注释与文档的能力，　3、规范化的代码编写习惯，4、需求理解能力，5、模块化思维能力，6、测试习惯，7、利用工具能力，8、学习和总结的能力。

							</p>
						</div>
					</div>
					<div class="col-md-4 col-sm-12 col-xs-12">
						<div class="my-skills">
							<h4>个人能力</h4>
							
							<ul class="progess-bars">
								<li>
									<span>前端开发技术 95%</span>
									<div class="class">
										<div class="progress-bar" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" style="width: 95%;"></div>
									</div>
								</li>
								<li>
									<span>后端开发技术 90%</span>
									<div class="class">
										<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"></div>
									</div>
								</li>
								<li>
									<span>项目经验 70%</span>
									<div class="class">
										<div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div>
										<!-- role增强语义 -->
									</div>
								</li>
								<li>
									<span>综合素质 90%</span>
									<div class="class">
										<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"></div>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</section>
	</body>
</html>
